01
Compose 初体验
什么是声明式UI、Compose 与传统 View 系统的对比、环境搭建与第一个 Hello World 项目
声明式环境搭建
02
Composable 函数
@Composable 注解、函数签名与规范、预览 (Preview) 的使用
@ComposablePreview
03
布局基础
Column、Row、Box 三大布局组件、Modifier 的概念与链式调用
ColumnRowBox
04
Modifier 详解
padding、size、offset、background、border、clickable 等常用 Modifier
paddingclickable
05
文本组件
Text 与 TextField 的使用、字体样式、颜色、对齐方式
TextTextField
06
图片组件
Image 与 Icon 的使用、加载网络图片（Coil 库）、图片裁剪与缩放
CoilImage
07
按钮与交互
Button、IconButton、TextButton、OutlinedButton 的使用、点击事件处理
Button交互
08
状态管理入门
remember 与 mutableStateOf、状态提升的概念
remember状态提升
09
StateFlow 与 Compose
在 Compose 中收集 StateFlow、collectAsState 的使用
StateFlowcollectAsState
10
ViewModel 集成
在 Compose 中使用 ViewModel、viewModel() 函数
ViewModel架构
11
列表与网格
LazyColumn、LazyRow、LazyVerticalGrid 的使用、item 与 items 函数
LazyColumn网格
12
滚动组件
ScrollState、LazyListState 的使用、监听滚动位置
滚动LazyListState
13
动画基础
animateFloatAsState、animateColorAsState、animateContentSize
动画animate
14
高级动画
AnimatedVisibility、AnimatedContent、Crossfade
AnimatedVisibilityCrossfade
15
手势处理
clickable、draggable、swipeable、pointerInput 修饰符
手势pointerInput
16
自定义布局
Layout composable、测量与放置子元素
自定义Layout
17
主题与样式
MaterialTheme、Colors、Typography、Shapes 的自定义
MaterialTheme样式
18
深色模式
适配深色主题、isSystemInDarkTheme 的使用
深色模式主题
19
导航基础
NavHost、composable 路由、参数传递
导航NavHost
20
导航进阶
嵌套导航、底部导航栏与 NavigationBar 的结合
嵌套导航底部栏
21
对话框与底部弹窗
AlertDialog、Dialog、ModalBottomSheet
对话框ModalBottomSheet
22
表单与输入
OutlinedTextField、键盘选项、输入验证
表单输入验证
23
生命周期
LifecycleOwner、LifecycleEventEffect、DisposableEffect
生命周期DisposableEffect
24
副作用
LaunchedEffect、rememberCoroutineScope、snapshotFlow
副作用LaunchedEffect
25
依赖注入
Hilt 在 Compose 中的集成、hiltViewModel()
Hilt依赖注入
26
测试基础
ComposeTestRule、semantics 测试、findByText
测试ComposeTestRule
27
性能优化
remember、derivedStateOf、key 的使用、避免重组
性能重组
28
自定义绘制
Canvas、DrawScope、Path 的使用
Canvas绘制
29
Compose 与原生 View 互操作
AndroidView、ComposeView
互操作AndroidView
30
实战项目
搭建一个完整的 Compose 应用（如待办事项 App）
实战待办事项